.stepBox {
    position: relative;
    min-height: 110px;

    &:not(:first-of-type) {
        .line {
            top: -100%;
            transform: translate(12px, 28px);
            height: calc(100% - 30px);
            width: 1px;
            position: absolute;
            // background-color: #c8c8c8;
            border: 1px solid #c8c8c8;
        }

        .fillLine {
            // background-color: #ffa22d;
            border-color: #ffa22d;
        }
    }
}

.stepContent {
    display: flex;
}

.text {
    margin-left: 10px;
}

.title {
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
}

.desc {
    color: rgba(0, 0, 0, 0.45);
    font-size: 14px;
}

.stepNum {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #c8c8c8;
    color: #c8c8c8;
}

.stepFill {
    border-color: #ffa22d;
    color: #ffa22d;
}
